<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form>
                    <p:panel header="#{BKUsuario.comando.nombre eq 'Guardar'?'Registrar Usuario':'Actualizar Usuario'}"
                             style="width:90%;margin: 10px auto;">
                        <br/>
                        <p:panelGrid style="width:80%;margin:0px auto;border:0px">
                            <p:row>
                                <p:column>
                                    <h:outputText id="lblFormUsuario" value="USUARIO(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText id="txtFormUsuario" required="true"
                                                 onkeyup="cambiarMayuscula(this)"
                                                 value="#{BKUsuario.usuarioFormulario.usuario}" />
                                    <p:message for="txtFormUsuario" display="text"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText id="lblFormNombres" value="NOMBRES(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText onkeyup="cambiarMayuscula(this)" id="txtFormNombres" value="#{BKUsuario.usuarioFormulario.nombres}" size="40"
                                                 required="true"/>
                                    <p:message for="txtFormNombres" display="text"/>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputText id="lblFormApellidos1" value="APELLIDOS(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText onkeyup="cambiarMayuscula(this)" id="txtFormApellidos" required="true" size="40"
                                                 value="#{BKUsuario.usuarioFormulario.apellidos}" />
                                    <p:message for="txtFormApellidos" display="text"/>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputText id="lblFormEmail" value="EMAIL(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:inputText id="txtFormEmail" required="true" size="40" style="text-transform: none !important"
                                                 value="#{BKUsuario.usuarioFormulario.email}">
                                        <f:validateRegex pattern="[\w\.-]*[a-zA-Z0-9_]@[\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]" />             
                                    </p:inputText>       
                                    <p:message for="txtFormEmail" display="text"/>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputText id="lblFormRol" value="ROL(*): " styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="idFormRol" required="true"   
                                                     value="#{BKUsuario.usuarioFormulario.idRol.id}">
                                        <f:selectItem itemLabel="Seleccionar" itemValue=""  />
                                        <f:selectItems value="#{BKUsuario.listaRol}"
                                                       var="rol" itemLabel="#{rol.valCadena}" itemValue="#{rol}"  />

                                    </p:selectOneMenu>
                                    <p:message for="idFormRol" display="text"/>
                                </p:column>
                            </p:row>    
                            <p:row rendered="#{BKUsuario.edicion}">
                                <p:column>
                                    <h:outputText id="lblFormResetContracena" value="RESETEAR CONTRASEÑA: " styleClass="lblForm" />
                                </p:column>
                                <p:column colspan="2">
                                    <p:selectBooleanCheckbox id="chbxFormatearContracena" value="#{BKUsuario.formatearContracena}" /> 
                                </p:column>	
                            </p:row>
                            <p:row>
                                <p:column colspan="3" style="text-align: center">
                                    <p:pickList id="pickListEmpresas" value="#{BKUsuario.listaEmpresa}" var="empresa" required="true"
                                                itemLabel="#{empresa.razonSocial}" itemValue="#{empresa}" converter="#{empresaConverter}" >
                                        <f:facet name="sourceCaption">Empresas </f:facet>  
                                        <f:facet name="targetCaption">Empresas Pertenecientes</f:facet> 	    
                                        <p:ajax event="transfer" listener="#{MBUsuario.onTransfer}" process="@this" />  
                                        <p:column>  
                                            #{empresa.razonSocial}  
                                        </p:column>
                                    </p:pickList>  
                                    <p:message for="pickListEmpresas" display="text"/>
                                </p:column>
                            </p:row>

                        </p:panelGrid>

                        <br/>
                        <p:panelGrid style="width: auto;margin:0px auto;border:0px">
                            <p:row>
                                <p:column>
                                    <p:commandButton action="#{BKUsuario.comando.aceptar()}" value="#{BKUsuario.comando.nombre}" ajax="false"/>
                                </p:column>	
                                <p:column>
                                    <p:commandButton action="#{MBUsuario.cancelar()}" ajax="false" immediate="true" value="Cancelar"/>
                                </p:column>
                            </p:row>
                        </p:panelGrid>

                        <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>
                    </p:panel>
                </h:form>
            </f:view>     
        </ui:define>

    </ui:composition>
</html>
